<template>
  <div>
    <table>
      <tr v-for="item in items" @click="onRowClick(item)"></tr>
    </table>
    <Modal v-if="activeItem" :item="activeItem" @onClose="onModalClose" />
  </div>
</template>
<script>
import Modal from './Modal.vue';
import Child from './Child.vue';

export default {
  components: {
    Child,
    Modal
  },
  methods: {
    onRowClick(item) {
      this.activeItem = item
    },
    onModalClose() {
      this.activeIte = null
    }
  }
}
</script>
<style lang="">

</style>